﻿/* Place custom styles below */
#divData {
    width:auto;
    height:auto;
    float:left;
    border:0px;
}

#divMain {
    width:auto;
    height:auto;
    border:0px;

}
#divPemission {
    width:auto;
    height:auto;
    padding:0px;
    border:0px;
    margin:0px;
    display: block;
    float:left;

}
#divChangePermission {
    width:auto;
    height:auto;
    padding:0px;
    border:1px;
    border-color:black;
    border-style:solid;
    margin:0px;
    position: fixed;
    left:200px;
    top:150px;
    background-color:rgba(239, 239, 239, 1);
    box-shadow: 5px 5px 2px #888888;

}

#adRotator {
    position:absolute;
    left:503px;
    top:19px;
}

    #adRotator img {
    height:80px;
    width: 400px;
    border:1px;
    border-style:solid;
    border-color:rgba(102, 167, 232, 1);
    }

#divEmpty {
    list-style-type:none;
    border:0px;
    padding:0px;
    margin:0px;
    width:1300px;
    height:140px;
    float:left;
}
#divEmpty li{
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:10px;
}
#listData  {
    list-style-type:none;
    border:0px;
    padding:0px;
    margin:0px;
    width:auto;
    height:auto;

}


ul
{
list-style-type: none;
border:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;

}
li {
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:25px;
}



#listPemission  {
    list-style-type:none;
    width:100%;
    height:144px;
    border:0px;
    padding:0px;
    margin:0px;
    position:absolute;
    left:500px;
    top:106px;
}

#listPemission  li{
    background-color:#0072C6;
    color:white;
    height:144px;
    width:30px;
    border:0px;
    padding:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:3px;
    margin-left:3px;
    float:left;
    text-wrap:avoid;
}



.soe-main-list-image {
    background-color:#0072C6;
    width:25px;
    height:25px;
    border:0px;
    padding:0px;
    margin-top:3px;
    margin-bottom:3px;
    margin-right:0px;
    margin-left:0px;
    float:left;
}

.soe-main-list-image-line-1 {
    position:absolute;
    left:27px;
    top:205px;
    border:0px;
    padding:0px;
    margin-top:3px;
    margin-bottom:3px;
    margin-right:0px;
    margin-left:0px;
}
    .soe-main-list-image-line-1 img {
    width:25px;
    height:25px;
    }

.soe-main-list-image-line-2 {
    position:absolute;
    left:27px;
    top:223px;

    border:0px;
    padding:0px;
    margin-top:3px;
    margin-bottom:3px;
    margin-right:0px;
    margin-left:0px;
}

    .soe-main-list-image-line-2 img {
    width:25px;
    height:25px;
    }

.title1 {
    position:absolute;
    left:54px;
    top:198px;
}



.title2 {
    position:absolute;
    left:54px;
    top:215px;
}

.soe-main-matrix-image {
    background-image:url("../Images/matrixpic8.png");
    color:#0072C6;
    width:36px;
    height:31px;
    border:0px;
    padding:0px;
    margin:0px;
    float:left;
}

.soe-main-matrix-image:hover{
    background-image:url("../Images/matrixpic11.png");
}

.soe-main-matrix-text {
    margin-top:3px;
    margin-bottom:3px;
    margin-right:3px;
    margin-left:3px;
    width:30px;
    height:25px;
    line-height: 25px;
    vertical-align:middle;
    text-align:center;
}

.soe-main-matrix-image-unique {
    background-image:url("../Images/matrixpic8.png");
    color:black;
    vertical-align:middle;
    width:36px;
    height:31px;
    border:0px;
    padding:0px;
    margin:0px;
    float:left;
}

.soe-main-matrix-image-unique:hover{
    background-image:url("../Images/matrixpic11.png");
}


.soe-main-matrix-image-empty {
    background-color:rgba(239, 239, 239, 0.78);
    background-image:url("../Images/matrixpic7.png");
    text-align:center;
    width:200px;
    height:31px;
    border:0px;
    padding:0px;
    margin:0px;
    float:left;
}


.soe-main-list-image img{
    width:25px;
    height:25px;
    border:0px;
    padding:0px;
    margin:0px;

}

.soe-main-list {
    width:auto;
    height:31px;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    border:0px;
    margin:0px;
}

.soe-main-matrix {
    background-color:rgba(239, 239, 239, 0.78);
    width:30px;
    height:1200px;
    padding:0px;
    border:0px;
    margin:0px;
    display: block;
    float:left;
}
.soe-fixed-position {
position:absolute;
width:100%;
height:31px;
left:500px;
border:0px;

}
.rot-neg-90 {
  height:30px;
  width:144px;
  position:relative;
  left:-58px;
  top:60px;
  text-wrap:normal;
  
  font-size:100%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    line-height: 80%;

}

.soe-main-list-title {
    background-color:rgba(239, 239, 239, 0.78);
    background-image:url("../Images/matrixpic7.png");
    width:460px;
    height:31px;
    padding:0px;
    border:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-left:0px;
    float:left;
    border-style:solid;
    border-color:rgba(239, 239, 239, 0.78);

}
.soe-main-list-title p{
    color:#0072C6;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:5px;
    margin-top:5px;
    margin-bottom:0px;
    margin-left:0px;


}

.soe-main-list-title-unique {
    background-color:rgba(239, 239, 239, 0.78);
    background-image:url("../Images/matrixpic7.png");
    width:460px;
    height:31px;
    padding:0px;
    border:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-left:0px;
    float:left;
    border-style:solid;
    border-color:rgba(239, 239, 239, 0.78);

}
.soe-main-list-title-unique p{
    color:black;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:5px;
    margin-top:5px;
    margin-bottom:0px;
    margin-left:0px;


}
.CheckboxPermission {
    width:auto;
    height:25px;
    padding:0px;
    border:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-left:0px;
}
.checkb{
    padding:0px;
    border:0px;
    margin-top:3px;
    margin-bottom:0px;
    margin-right:0px;
    margin-left:0px;
    float:left;
}

.description{
    color:black;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:5px;
    float:left;
}
.TitlePemission {
    font-size:200%;
    text-align:center;
    font-weight:bold;
    color:black;
}
.PemissionKind {
    position:relative;
    left:4px;
    font-weight:bold;
}

.buttontype {
    margin:10px;
}

#divActivate {
    width:350px;
    height:90px;
    padding:0px;
    border:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-left:0px;
    position:absolute;
    left:600px;
    top:10px;

}
    #divActivate p {
    font-size:100%;
    text-align:center;
    font-weight:bold;
    color:black;
    }